---

---

<!-- Global Metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />

<link href="/favicon.ico" rel="icon" media="(prefers-color-scheme:light)" />
<link href="/favicon.ico" rel="icon" media="(prefers-color-scheme:dark)" />

<link rel="sitemap" href="/sitemap.xml" />

<style>
  /* ibm-plex-mono-regular - latin */
  @font-face {
    font-display: swap;
    font-family:
      IBM Plex Mono,
      monospace;
    font-style: normal;
    font-weight: normal;
    src:
      url("/fonts/ibm-plex-mono-v15-latin-regular.woff2") format("woff2"),
      url("/fonts/ibm-plex-mono-v15-latin-regular.woff") format("woff");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
      U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
      U+2215, U+FEFF, U+FFFD;
  }
  /* ibm-plex-mono-italic - latin */
  @font-face {
    font-display: swap;
    font-family:
      IBM Plex Mono,
      monospace;
    font-style: italic;
    font-weight: normal;
    src:
      url("/fonts/ibm-plex-mono-v15-latin-italic.woff2") format("woff2"),
      url("/fonts/ibm-plex-mono-v15-latin-italic.woff") format("woff");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
      U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
      U+2215, U+FEFF, U+FFFD;
  }
</style>

<!-- This is intentionally inlined to avoid FOUC -->
<script is:inline>
  const root = document.documentElement;
  const theme = localStorage.getItem("theme");
  if (
    theme === "dark" ||
    (!theme && window.matchMedia("(prefers-color-scheme: dark)").matches)
  ) {
    root.classList.add("theme-dark");
  } else {
    root.classList.remove("theme-dark");
  }
</script>
